<!DOCTYPE html>
<html>
<head>
  <title>手机获取验证码登录系统</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>手机获取验证码登录系统</h1>
<form action="login.php" method="POST">
  <label for="phone">手机号码：</label>
  <input type="tel" id="phone" name="phone" placeholder="请输入手机号码" required>
  <br><br>
  <label for="code">验证码：</label>
  <input type="text" id="code" name="code" placeholder="请输入验证码" required>
  <button type="button" onclick="sendCode()">获取验证码</button>
  <br><br>
  <input type="submit" value="登录">
</form>
<script>
  function sendCode() {
    var phone = document.getElementById("phone").value;
    // TODO: 发送验证码到手机的代码
    alert("验证码已发送到手机：" + phone);
  }
</script>
</body>
</html>
